{% extends 'layout.html' %}
{% block main %}
    <div id="main">
        <div class="ym-wrapper">
            <div class="ym-wbox">
                <section id="searchbar" class="box info">
                    <form id="searchform"  method="post">

                        <label for="searchstr">模糊查询</label>
                        <input class="" name="searchstr" value="{{ searchstr or '' }}" />

                        <button id="searchbutton" type="submit" class="ym-button">查询</button>
                        目前只显示25条结果，想要更精确结果，请输入更完整信息

                    </form>
                </section>
                <section id="searchcontent" class="ym-grid linearize-level-1">
                    <table>
                        <thead>
                        <tr>
                            <th>船中文名</th>
                            <th>船英文名</th>
                            <th>IMO号码</th>

                        </tr>
                        </thead>
                        <tbody>
                        {% for vessel in vessels %}
                            <tr>
                                <td>{{ vessel.VesselName }}</td>
                                <td>{{ vessel.VesselNameEn }}</td>
                                <td>{{ vessel.VesselIMONumber or '' }}</td>

                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </section>
            </div>
        </div>
    </div>

{% endblock main %}